$(document)
		.ready(
				function() {
					$("#categoria").val("--Seleccionar--");
					$("#categoria")
							.change(
									function() {
										var data = {
											'idCat' : $("#categoria").val()
										};
										$("#producto").empty();
										$('#precio').empty();
										$("#producto").val("--Seleccionar--");
										$("#precio").val("");
										$
												.ajax({
													type : 'POST',
													url : 'test.ajax/listarProducto.action',
													data : JSON.stringify(data),
													dataType : 'json',
													contentType : 'application/json; charset=utf-8',
													success : function(data) {
														var select = '<option>--Seleccionar--</option>';
														for ( var i = 0; i < data.producto.length; ++i)
															select += '<option value="'
																	+ data.producto[i].id_producto
																	+ '">'
																	+ data.producto[i].nombre_producto
																	+ '</option>';
														$('#producto').empty();
														$('#producto').append(
																select);
														$("#producto")
																.val(
																		"--Seleccionar--");
													},
													error : function(
															XMLHttpRequest,
															textStatus,
															errorThrown) {
														alert('Error '
																+ textStatus);
														alert(errorThrown);
														alert(XMLHttpRequest.responseText);
													}
												});
									});

					$("#producto")
							.change(
									function() {
										$('#precio').empty();
										$("#precio").val("");

										var data = {
											'idCat' : $("#categoria").val(),
											'idProd' : $("#producto").val()
										};

										$
												.ajax({
													type : 'POST',
													url : 'test.ajax/mostrarPrecio.action',
													data : JSON.stringify(data),
													dataType : 'json',
													contentType : 'application/json; charset=utf-8',
													success : function(data) {

														$('#precio').empty();
														$('#precio')
																.val(
																		data.producto[0].precio);

													},
													error : function(
															XMLHttpRequest,
															textStatus,
															errorThrown) {
														alert('Error '
																+ textStatus);
														alert(errorThrown);
														alert(XMLHttpRequest.responseText);
													}
												});
									});

				});